<div class="middleItem">
    <div class="card-dth3">
        <div class="user">
            <div class="user-name" style="margin-top: 10px;">8.8月会员</div>
            <div class="u-rig" style="justify-content: flex-end;">
                <div class="findResource-legend">
                    <div class="bg-txt">
                        <i class="icon"></i>
                        <text class="str">总营业额</text>
                    </div>
                    <div class="bg-str" style="margin-left: 15px;">
                        {$viewData.monthMember.monthUsersPrice.underPrice} {if !$manager}{in name="userRole" value="1,6"}<span onclick="omitBoxClick(this)"
                                                                                 style="font-weight: 200;color: #999999;margin-left: 8px;cursor: pointer;">...</span>
                        <div id="omitBox" class="omitBox">
                            {volist name="viewData.monthMember.monthUsersPrice.usersList" id="vo"}
                            <text class="omitData">{$vo.name}：{$vo.price}</text>
                            {/volist}
                        </div>
                        {/in}{/if}
                    </div>
                </div>
                <div class="findResource-legend legendNone">
                    <div class="bg-txt">
                        <i class="icon" style="background-color: #F27E1BFF"></i>
                        <text class="str">复购比例</text>
                    </div>
                    <div class="bg-str" style="margin-left: 15px;">
                        {$viewData.monthMember.monthRepurchaseRatio}
                    </div>
                </div>
            </div>
        </div>
        <canvas id="middleData1" style="margin: auto;"></canvas>
    </div>
</div>
<div class="middleItem">
    <div class="card-dth">
        <div class="user">
            <div class="user-name" style="margin-top: 10px;">108年会员</div>
            <div class="u-rig" style="justify-content: flex-end;">
                <div class="findResource-legend">
                    <div class="bg-txt">
                        <i class="icon"></i>
                        <text class="str">总营业额</text>
                    </div>
                    <div class="bg-str" style="margin-left: 15px;">
                        {$viewData.yearMember.yearUsersPrice.underPrice}             {if !$manager}{in name="userRole" value="1,6"}<span onclick="omitBoxClick(this)"
                                                                               style="font-weight: 200;color: #999999;margin-left: 8px;cursor: pointer;">...</span>
                        <div id="omitBox" class="omitBox">
                            {volist name="viewData.yearMember.yearUsersPrice.usersList" id="vo"}
                            <text class="omitData">{$vo.name}：{$vo.price}</text>
                            {/volist}
                        </div>
                        {/in}{/if}
                    </div>
                </div>
                <div class="findResource-legend legendNone">
                    <div class="bg-txt">
                        <i class="icon" style="background-color: #F27E1BFF"></i>
                        <text class="str">复购比例</text>
                    </div>
                    <div class="bg-str" style="margin-left: 15px;">
                        {$viewData.yearMember.yearRepurchaseRatio}
                    </div>
                </div>
            </div>
        </div>
        <canvas id="middleData2" style="margin: auto;"></canvas>
    </div>
</div>
<div class="middleItem">
    <div class="card-dth">
        <div class="user">
            <div class="user-name" style="margin-top: 10px;">499礼包</div>
            <div class="u-rig" style="justify-content: flex-end;">
                <div class="findResource-legend">
                    <div class="bg-txt">
                        <i class="icon"></i>
                        <text class="str">总营业额</text>
                    </div>
                    <div class="bg-str" style="margin-left: 15px;">
                        {$viewData.resourcePack.resourceUsersPrice.underPrice} {if !$manager}{in name="userRole" value="1,6"}<span onclick="omitBoxClick(this)"
                                                                                     style="font-weight: 200;color: #999999;margin-left: 8px;cursor: pointer;">...</span>
                        <div id="omitBox" class="omitBox">
                            {volist name="viewData.resourcePack.resourceUsersPrice.usersList" id="vo"}
                            <text class="omitData">{$vo.name}：{$vo.price}</text>
                            {/volist}
                        </div>
                        {/in}{/if}
                    </div>
                </div>
                <div class="findResource-legend legendNone">
                    <div class="bg-txt">
                        <i class="icon" style="background-color: #F27E1BFF"></i>
                        <text class="str">复购比例</text>
                    </div>
                    <div class="bg-str" style="margin-left: 15px;">
                        {$viewData.resourcePack.resourceRepurchaseRatio}
                    </div>
                </div>
            </div>
        </div>
        <canvas id="middleData3" style="margin: auto;"></canvas>
    </div>
</div>